<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的积分 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<%@include file="../common/css.jsp" %>
<link href="/css/base/hf.css" type="text/css" rel="stylesheet" />
<link href="/css/other.css" type="text/css" rel="stylesheet" />
<link href="css/pager.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
	function changMyPoint(){
		$("#myPoint").show();
		$("#pointIns").hide();
	}
	function changPointIns(){
		$("#myPoint").hide();
		$("#pointIns").show();
	}
	
	$(function(){
		$("#page").pager({
	    	pagenumber : '${pointModel.currentPage}',
	    	pagecount : '${pointModel.totalPage}',
	    	buttonClickCallback : function(page) {
	    		window.location.href = "myPoint.htm?page="+page;
	    	}
	    });
	});

</script>
</head>
<body>

 <!-- head -->
	<%@include file="../common/header.jsp" %>
	<!-- header-->
	<div class="wrap">
    	<div class="w965 mg i_main_box">
        	<!-- left -->
           <%@include file="myLeft.jsp" %>
            <!-- left--end-->
              <!-- right -->
            <div class="i_right_box" style="height:1500px;">
            	<div class="i_account_wrap jf_wrap">
                	<h1>我的积分</h1>
                    <div class="ml20 mr20" id="myPoint" >
                    	<ul class="i_title_sorts">
                        	<li class="current" onclick="changMyPoint();">
                            	我的积分
                            </li>
                            <li onclick="changPointIns();">
                            	积分说明
                            </li>
                        </ul>
                        <!-- jf-content-->
                        <div >
                    	<div class="jf_nums_wrap clearfix">
                    		<table class="jf_nums fl">
                            	<tr>
                                	<td width="130" class="col1">当前可用积分</td>
                                    <td width="130" class="col2">${member.countPoint}</td>
                                </tr>
                                <!-- <tr>
                                	<td width="130" class="col1">年末到期积分</td>
                                    <td width="130" class="col2">0</td>
                                </tr> -->
                            </table>
                            <a href="javascript:void(0);" onclick="changPointIns();">积分规则说明</a>
                    	</div>
                        <div class="jf_detail_wrap" >
		                        	<div class="top">
		                            	<a href="#">积分记录</a>
		                            </div>
		                            <table class="detail">
		                            	<tr class="row1">
		                                	<td>日期</td>
		                                    <td>事由</td>
		                                    <td>获得积分</td>
		                                </tr>
		                                 <c:forEach items="${pointModel.list}" var="pointList">
		                               		 <tr class="row1">
		                                	<td> 
		                                	
		                                		<fmt:formatDate value="${pointList.gmtCreated}" pattern="MM-dd HH:mm" />
		                                	
		                                	</td>
		                                    <td>${pointList.remark}</td>
		                                    <td>${pointList.point}</td>
		                                </tr>
		                            </c:forEach>
		                            </table>
		                            
		                            <c:if test="${pointModel.totalPage>1 }"><div id="page" class="h_page"></div></c:if>
                           		</div>
                           </div>
                    </div>
                    
                    
                    
                    
                     		<div class="ml20 mr20" id="pointIns" style="display: none;">
			                    	<ul class="i_title_sorts">
			                        	<li onclick="changMyPoint();">
			                            	我的积分
			                            </li>
			                            <li class="current"  onclick="changPointIns();">
			                            	积分说明
			                            </li>
			                        </ul>
		                            <ul class="jf_instruc">
		                            	<li>
		                                    <h2>1.什么是积分？</h2>
		                                    <p>积分可以在本网站上赚取、购买、抽奖礼品，是爽客旅游网（www.coolsk.com，以下简称爽客）诚挚回报会员的一种方式，是会员财富的象征。目前可使用积分兑换各类礼品，均在爽客积分商城下进行。为了保障积分的价值以及公平，积分不支持人民币充值哦。</p>
		                                </li>
	                                <li>
	                                    <h2>2.积分的用途？</h2>
	                                    <p>后期我们将推出积分的使用范围，敬请期待。</p>
	                                </li>
	                                <li>
	                                    <h2>3.如何获取积分？</h2>
	                                    <p> 除参加明确说明可获取积分的爽客相关活动外，目前您有以下方法获得积分：</p>
	                                    <table width="740" border="0" cellspacing="0" cellpadding="0">
	                                      <tbody>
	                                        <tr>
	                                          <td width="110">类型</td>
	                                          <td width="160">获取路径</td>
	                                          <td width="71">额度</td>
	                                          <td>说明/有效性约束</td>
	                                        </tr>
	                                        <tr>
	                                          <td>注册</td>
	                                          <td>注册</td>
	                                          <td>200</td>
	                                          <td> </td>
	                                        </tr>
	                                        <tr>
	                                          <td>其他</td>
	                                          <td>登录</td>
	                                          <td>5</td>
	                                          <td>一个自然日登陆多次仅记录一次</td>
	                                        </tr>
	                                       
	                                        
	                                        <tr>
	                                          <td rowspan="4">点评（单个ID每日上限500）</td>
	                                          <td>发表体验点评通过</td>
	                                          <td>100-500不等</td>
	                                          <td>点评审核通过后发放。</td>
	                                        </tr>
	                                        <tr>
	                                          <td>发表其他点评通过</td>
	                                          <td>100-500不等</td>
	                                          <td>点评审核通过后发放。</td>
	                                        </tr>
	                                        <tr>
	                                          <td>手动加精</td>
	                                          <td>100-500不等</td>
	                                          <td>加精即时给予积分，解除加精扣除积分</td>
	                                        </tr>
	                                        <tr>
	                                          <td>手动增加积分</td>
	                                          <td>100-500不等</td>
	                                          <td></td>
	                                        </tr>
	                                        <tr></tr>
	                                        <tr></tr>
		                                      </tbody>
		                                    </table>
		                                </li>
		                            </ul>
                            </div>
                </div>
            </div>
            <!-- right--end -->
        </div>
    </div>
     <!-- help-->
         <div class="w980 mg box_style1">
        	<c:forEach items="${help }" var="c">
        		${c.content}
        	</c:forEach>
        </div>
        <!-- help--end-->
        
    <!-- content--end-->
	    <!-- foot-->
	    <%@include file="../common/footer.jsp" %>
	    <!-- foot--end-->
	
           
</body>
</html>